<template>
  <div id="app">
    <header-box></header-box>
    <router-view/>
    <footer-box></footer-box>
  </div>
</template>

<script>
import HeaderBox from '@/components/header'
import FooterBox from '@/components/footer'
export default {
  name: 'app',
  components:{
    HeaderBox,
    FooterBox
  }
}
</script>

<style>
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
</style>
